﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>系统初始化</title>
		<link th:href="@{/templates/base/bootstrap-3.3.5-dist/css/bootstrap.min.css}" title="" rel="stylesheet" />
		<!-- Favicon -->
		<link rel="shortcut icon" th:href="@{/templates/img/favicon.ico}">
		<!-- element-ui -->
		<link rel="stylesheet" type="text/css" th:href="@{/templates/base/css/index.css}" />
		<!-- iview -->
		<link rel="stylesheet" type="text/css" th:href="@{/templates/base/css/iview.css}" />
		<!-- topnav-->
		<link rel="stylesheet" type="text/css" th:href="@{/templates/index/css/topnav.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/templates/system/systemInit/css/systemInit.css}" />
	</head>

	<body class="sb-l-o blue">
		<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				     <span class="icon-bar"></span>
				     <span class="icon-bar"></span>
				     <span class="icon-bar"></span>
			    </button>
				<a class="navbar-brand mystyle-brand"></a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav" id="topnav"></ul>
				<ul class="nav navbar-nav pull-right">
					<li class="dropdown li-border">
						<a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown"> </a>
					</li>
					<li class="dropdown li-border">
						<a id="userName" href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">
							<span th:text="#{home.top.welcome}">欢迎</span>，
							<span id="userNameAfterWelcome"></span>
							<!--<span class="caret"></span>-->
						</a>
						<ul class="dropdown-menu list-group dropdown-persist w250 login" role="menu" id="userinfo">
							<li class="list-group-item">
								
							</li>
							<li class="list-group-item">
								
							</li>
							<li class="dropdown-footer">
								
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<div class="down-main">
			<div class="left-main">
				<div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
				<div id="subNavBox" class="subNavBox"></div>
			</div>
			<div id="content">
				<div class="pd14 vany_authority">
					<div class="vany_treeTable pd14" id="authority">
						<!--面包屑-->
						<div class="pb10" id="crumbs">
							<el-breadcrumb separator="/">
								<el-breadcrumb-item :to="{ path: '/' }">初始化</el-breadcrumb-item>
								
							</el-breadcrumb>
						</div>
						
						<div id="systemInit">
							<div class="grid-content bg-purple">
								<span class="messageSpan el-form-item__label">初始化信息</span>
								<el-tabs type="card" @tab-click="handleClick">
									<el-tab-pane>
										<div class="line"></div>
										<el-form :model="initForm" :rules="rules" ref="initForm" label-width="100px" class="demo-ruleForm">
											<el-form-item label="组织机构:" prop="orgName">
												<el-input :maxlength="20" v-model="initForm.orgName" @input="descInput" placeholder="请输入机构名称"></el-input>
												<span class="fontNumber">{{initForm.remnantInput}}/20</span>
											</el-form-item>
											<el-form-item label="管理员账号:" prop="userAccount">
												<el-input :maxlength="20" v-model="initForm.userAccount" @input="descInput" placeholder="请输入管理员账号"></el-input>
												<span class="fontNumber">{{initForm.remnantInput}}/20</span>
											</el-form-item>
											<el-form-item label="管理员密码:" prop="userPassword">
												<el-input :maxlength="20" v-model="initForm.userPassword" type="password" @input="descInput" ></el-input>
												<span class="fontNumber">{{initForm.remnantInput}}/20</span>
											</el-form-item>
											<el-form-item label="确认密码:" prop="userPassword1">
												<el-input :maxlength="20" v-model="initForm.userPassword1" type="password" @input="descInput" ></el-input>
												<span class="fontNumber">{{initForm.remnantInput}}/20</span>
											</el-form-item>
											<el-form-item label="管理员邮箱:" prop="userEmail">
												<el-input :maxlength="20" v-model="initForm.userEmail" @input="descInput" placeholder="请输入管理员邮箱"></el-input>
												<span class="fontNumber">{{initForm.remnantInput}}/20</span>
											</el-form-item>
											<el-form-item>
												<el-button type="primary" @click="submitForm('initForm')">确定</el-button>
											</el-form-item>
										</el-form>
									</el-tab-pane>
								</el-tabs>
								
								<!--提交信息-->
								<el-dialog title="提示" :visible.sync="dialogVisible" size="tiny" class="title_dialog">
									<span>确定初始化系统吗？</span>
									<p>系统只能初始化一次</p>
									<span slot="footer" class="dialog-footer">
										<el-button type="primary" @click="tijiao(true)">确 定</el-button>
										<el-button @click="tijiao(false)">取 消</el-button>
									</span>
								</el-dialog>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" th:src="@{/templates/base/js/jquery-1.11.1.js}"></script>
		<!-- vue -->
		<script type="text/javascript" th:src="@{/templates/base/js/vue.js}"></script>
		<script type="text/javascript" th:src="@{/templates/base/js/vue-resource@1.3.3.js}"></script>
		<script type="text/javascript" th:src="@{/templates/base/js/index.js}"></script>
		<script type="text/javascript" th:src="@{/templates/system/systemInit/js/systemInit.js}"></script>
	</body>

</html>